$(document).ready(function($) {
		$("#fechaInicio").datepicker($.datepicker.regional["es"]);
		$("#fechaFin").datepicker($.datepicker.regional["es"]);
	}
);

function preguntarEnvioPromo(promoId) {
	
	$( "#enviar-promocion" ).dialog({
		resizable: false,
		width: 400,
		modal: true,
		title: "Enviar Promoción",
		buttons: {
			"Aceptar": function() {
				$.ajax({
	                type: 'GET',
	                url: '/promos/enviarpromo?promoId=' + promoId,
	                success: location.reload(),
	                async: false
	            });
				
				$( this ).dialog( "close" );
			},
			"Cancelar": function() {
                $( this ).dialog( "close" );
            }
		}
	});
	
	$( "#enviar-promocion" ).dialog( "open" );
}

function dibujarGrafico(promoId, fechaInicio, fechaFin) {
	
	$.ajax({
		url: '/resto/promos/cargarGrafico?' + "promoId=" + promoId + "&fechaInicio=" + fechaInicio + "&fechaFin=" + fechaFin,
		async: false,
		success: function(data) {
				
				var envios = JSON.parse(data);
				
				$("#envioPromos_data").text("Envios: " + envios);
				$("#envioPromos_data").hide();
				
				$.plot($("#envioPromos"), [
						{
							data: envios,
							label: "Promociones Recibidas",
							color: "#E75059",
							bars: { show: true,
			                        lineWidth: 2, // in pixels
			                        barWidth: 0.75, // in units of the x axis
			                        fill: true,
			                        fillColor: null,
			                        align: "left", // or "center" 
			                        horizontal: false
								}
						}
					],
					{ 
						xaxis: {min: 1, max: 30},
						yaxis: {min: 0, max: 30},
						grid: { backgroundColor: { colors: ["#ffffff", "#BBD884"] } }
					}

				);
			}
		}
	);
}

function verEstadisticas(promoId, fechaInicio, fechaFin) {
	
	$( "#estadisticas" ).dialog( {
		resizable: true,
		autoOpen: false,
		width: 600,
		height: 600,
		modal: true,
		title: "Estadísticas",
		buttons: {
			"Recargar":
				function() {
					dibujarGrafico(promoId, $("#fechaInicio").val(), $("#fechaFin").val());
				}
		}
	});
	
	$("#estadisticas").dialog("open");

	$("#fechaInicio").val(fechaInicio);
	$("#fechaFin").val(fechaFin);
	
	dibujarGrafico(promoId, $("#fechaInicio").val(), $("#fechaFin").val());
	
}
